

<script>
export default {
    name:'showblogcontentimg',
    props:['contentimg'],
    data () {
        return {
            content:null,
        }
    },
    created () {
        // console.log(this.contentimg)
        this.content=this.contentimg.split('\n')
    },
    render (createElement) {
        return createElement('div',this.content.map((item)=>{
                var imghx=item.lastIndexOf(".")
                var ext=item.substr(imghx+1)
                // console.log(ext)
                if(ext =="png" || ext =="jpeg" || ext == "bmp" || ext =="jpg"){
                    
                    // console.log('我进来了img',ext)
                    return createElement('p',{
                        class:{
                            
                        }
                    },[
                        createElement('a',{
                        attrs:{
                            href:item,
                            
                        },
                        
                    },[
                        createElement('img',{
                        class:{
                            'showimg':true
                        },
                        style:{
                            zoom:'50%',
                        },
                        attrs:{
                            
                            src:item
                        },
                        
                        
                    })
                    ])
                    ])
                    
                   
                }else{
                    // console.log('我进来了p')
                    return createElement('p',item)
                }
        }))
                
            
    
    }
}
</script>

<style>
    .showimg{
        
        width:100%;
        display: block;
        
    }
</style>